<template>
    <div >
     <NavBar/>
     <Header/>
     <!-- 主题 -->
     <div class="main">
     <router-view></router-view>
     </div>

     <Footer class="footer"/>
    </div>
</template>

<script setup >
import NavBar from '@/components/navBar.vue'
import Footer from '@/components/footer.vue'
import Header from '@/components/head.vue'

import { useStore } from 'vuex'
 const store = useStore()
 store.dispatch('getCategoryList')
 store.dispatch('getBrand')
 store.dispatch('getBanner')
 store.dispatch('getNew')
//  store.dispatch('getHot')
//  getHot
//  getNew
</script>

<style scoped>
.footer{
    margin-top: 20px;
}
</style>